<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/TopSwitch-tow.css" />
  </head>
  <body>
    <div class="main-box">
      <!-- 头部区域 -->
      <header>
        <div class="wpr">
          <section class="logo">
            <a href="#" title="返回首页" onclick="homepage()">
              <img src="./img/icon.png" alt="" />
              <div class="right">
                <h3>熊猫优选</h3>
                <span>XIONG MAO YOU XUAN</span>
              </div>
            </a>
          </section>
          <section class="wpr_seh">
            <div class="sch">
              <input type="text" placeholder="收索商品，发现跟多优惠" />
              <div class="btn">收索</div>
            </div>
          </section>
          <section class="ate">
            <ul>
              <li>
                <img src="./img/logo1.png" alt="" />
                <span>全程包邮</span>
              </li>
              <li>
                <img src="./img/logo2.png" alt="" />
                <span>7天退货</span>
              </li>
              <li>
                <img src="./img/logo3.png" alt="" />
                <span>品质保证</span>
              </li>
            </ul>
          </section>
        </div>
      </header>
      <!-- 导航栏区域 -->
      <div class="tab">
        <ul>
          <li onclick="homepage()">首页</li>
          <li onclick="supplemental2()">9块9包邮</li>
          <li onclick="supplemental3()">超值大额卷</li>
          <li class="bn" >夏季女装上新</li>
        </ul>
      </div>
      <!-- 主要内容区域 -->
      <div class="min_box">
        <!--  -->
        <div class="bnr">
          <script src="" type="text/html" id="daoHang1">
            <div class="bnr-a">{{carts.name}}</div>
            </script>
        </div>
        <!--  -->
        <!-- <div class="nav"> -->
          <!-- <ul class="sub"> -->
            <!-- <li class="mg">精选</li>
                <li>美妆护肤</li>
                <li>服装配饰</li>
                <li>手机数码</li>
                <li>日用家居</li>
                <li>文娱体育</li>
                <li>食品</li>
                <li>个人护理</li> -->
            <!-- <script src="" type="text/html" id="daoHang">
              {{each cart}}
              <li class="" onclick="onRender(this,{{cart[$index].id}})">{{$value.name}}</li>

              {{/each}}
            </script> -->
          <!-- </ul> -->
        <!-- </div> -->
        <!-- 商品数据渲染 -->
        <section class="cie">
          <ul class="cie_a1">
            <!-- <li class="cie_a1-a">
                    <img src="./img/O1CN012kA7F61iSHjN3NXoQ_!!0-item_pic.jpg" alt="">
                    <div class="cie-a">
                        <div class="cie-a-a">粉底液遮瑕保湿持久</div>
                        <div class="cie-a-b">
                            <span class="cie-aa">天猫</span>
                            <span class="cie-ab">大额卷</span>
                            <span class="cie-ac">包邮</span>
                        </div>
                        <div class="cie-a-c">
                            <div class="left">
                                <span class="cie-pic">
                                    <span class="cie-ba">￥</span>
                                    <span class="cie-bb">8</span>
                                    <span class="ice-bc">.9</span>
                                </span>
                                <span class="cie-num">3.3万人已买</span>
                                <span class="cie-val">50元卷</span>
                            </div>

                        </div>
                    </div>
                </li> -->
            <script type="text/html" id="prods">
              {{each cert}}
              <li class="cie_a1-a" onclick="addCart({{$value.id}})">
                <img src="{{$value.image}}" alt="" />
                <div class="cie-a">
                  <div class="cie-a-a">{{$value.title}}</div>
                  <div class="cie-a-b">
                    <span class="cie-aa">天猫</span>
                    <!-- <span class="cie-ab">大额卷</span> -->
                    <span class="cie-ac">包邮</span>
                  </div>
                  <div class="cie-a-c">
                    <div class="left">
                      <span class="cie-pic">
                        <span class="cie-ba">￥</span>
                        <span class="cie-bb">{{$value.price}}</span>
                        <!-- <span class="ice-bc">{{$value.price}}</span> -->
                      </span>
                      <span class="cie-num">{{$value.saleNum}}万人已买</span>
                      <span class="cie-val">{{$value.couponValue}}</span>
                    </div>
                  </div>
                </div>
              </li>
              {{/each}}
            </script>
          </ul>
          <div class="cie-more">
            <div class="cie-more-btn" onclick="onView()">查看更多</div>
          </div>
        </section>
      </div>
      <!-- 返回顶部区域 -->
      <div class="D-top">
        <img src="./img/top.png" alt="" />
      </div>
      <!-- 页脚 -->
      <footer>
        <div class="ctr">
          <img src="./img/icon.png" alt="" />
          <div class="ctr-a">
            <h1>熊猫优选</h1>
            <p class="sgn">
              年轻人网购首选
              <br />
              购物领卷更省钱
            </p>
          </div>
          <div class="ctr-b">
            <p class="me">
              <span>|</span>
              <a href="#">下载App</a>
            </p>
          </div>
          <div class="ctr-c">
            <img src="./img/policeIcon.png" alt="" />
            <p class="ms">
              <span>浙公安网备案 33010602009949号 | </span>
              ICP备案号：
              <a href="#">ICP备案号: 浙ICP备17012864号-1</a>
              |
            </p>
            <img src="./img/license.png" alt="" />
            <p class="ms">证照信息</p>
          </div>
        </div>
      </footer>
      <div class="fter">
        <img src="./img/aqkx_83x30.png" alt="" />
      </div>
    </div>
    <script src="./js/jquery-3.6.0.js"></script>
    <script src="./js/template-web.js"></script>
    <script src="./js/cart3.js"></script>
    <script type="text/html" id="prot">
      {{each cert}}
          <li class="cie_a1-a" onclick="addCart({{$value.id}})">
              <img src="{{$value.image}}" alt="">
              <div class="cie-a">
                  <div class="cie-a-a">{{$value.title}}</div>
                  <div class="cie-a-b">
                      <span class="cie-aa">天猫</span>
                      <!-- <span class="cie-ab">大额卷</span> -->
                      <span class="cie-ac">包邮</span>
                  </div>
                  <div class="cie-a-c">
                      <div class="left">
                          <span class="cie-pic">
                              <span class="cie-ba">￥</span>
                              <span class="cie-bb">{{$value.price}}</span>
                              <!-- <span class="ice-bc">{{$value.price}}</span> -->
                          </span>
                          <span class="cie-num">{{$value.saleNum}}万人已买</span>
                          <span class="cie-val">{{$value.couponValue}}</span>
                      </div>

                  </div>
              </div>
          </li>
      {{/each}}
  </body>
</html>
